input[type="text"]{
    width: 300px;
    padding: 10px;
    border:2px solid #4c8ccf;
    font-size: 16px;
    transition: border-color 0.3s;
}

input[type="text"]:focus{
    border-color: #f44336;
}


/* 自定义按钮样式 */
input[type="submit"] {
    background-color: #4CAF50; /* 按钮背景颜色 */
    color: white; /* 文字颜色 */
    padding: 12px 20px; /* 内边距 */
    margin: 6px 0; /* 外边距 */
    border: none; /* 边框 */
    border-radius: 4px; /* 圆角 */
    cursor: pointer; /* 鼠标悬停时的指针样式 */
    font-size: 16px; /* 字体大小 */
    transition: 0.3s; /* 平滑过渡效果 */
}

/* 鼠标悬停时的样式 */
input[type="submit"]:hover {
    background-color: #45a049; /* 鼠标悬停时的背景颜色 */
}

/* 鼠标点击时的样式 */
input[type="submit"]:active {
    background-color: #3e8e41; /* 鼠标点击时的背景颜色 */
}


/* 重置select的默认样式 */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #4c8ccf;
    border-radius: 4px;
    color: #444;
    padding: 10px 12px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
}

/* 针对Firefox的样式修复 */
/* select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #444;
} */

/* 定制下拉箭头 */
select:not([multiple]) {
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 12px 12px;
}

/* 鼠标悬浮时的样式 */
select:hover {
    border-color: #ccc;
}

/* 聚焦时的样式 */
select:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 8px rgba(91, 157, 217, 0.6);
}

/* 禁用时的样式 */
select:disabled {
    background-color: #eee;
    color: #999;
    cursor: not-allowed;
}


.audio-control {
    position: fixed;
    top: 10px;
    right: 10px;
}

.audio-btn {
    width: 50px;
    height: 50px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.audio-btn svg {
    width: 100%;
    height: auto;
    fill: #333;
}

